#ui-datepicker-div {
    background-color : $white;
    border           : 1px solid $color_celeste_approx;
}

body {
    color            : $color_gravel_approx;
    background-color : $white;
}

.fruity_twentythree {
    mark {
        background : $yellow;
        color      : $black;
    }
    //a {
    //    color : $base-color;
    //    &:hover {
    //        color : $color_parsley_approx;
    //    }
    //    &:focus {
    //        color : $color_parsley_approx;
    //    }
    //    &.badge {
    //        &:hover {
    //            color : $white;
    //        }
    //        &:focus {
    //            color : $white;
    //        }
    //    }
    //    &.list-group-item {
    //        color : $color_fuscous_gray_approx;
    //        &.active {
    //            @extend %extend_12;
    //            &:hover {
    //                @extend %extend_12;
    //                .list-group-item-text {
    //                    color : $color_moss_green_approx;
    //                }
    //            }
    //            &:focus {
    //                @extend %extend_12;
    //                .list-group-item-text {
    //                    color : $color_moss_green_approx;
    //                }
    //            }
    //            .list-group-item-text {
    //                color : $color_moss_green_approx;
    //            }
    //            > .badge {
    //                color            : $base-color;
    //                background-color : $white;
    //            }
    //        }
    //        .list-group-item-heading {
    //            color : $color_mine_shaft_approx;
    //        }
    //        &:hover {
    //            background-color : $color_norway_approx;
    //        }
    //        &:focus {
    //            background-color : $color_norway_approx;
    //        }
    //    }
    //    &.thumbnail {
    //        &:hover {
    //            border : 1px solid $base-color;
    //        }
    //        &:focus {
    //            border : 1px solid $base-color;
    //        }
    //        &.active {
    //            border : 1px solid $base-color;
    //        }
    //    }
    //    &.list-group-item-success {
    //        color : $base-color;
    //        &:hover {
    //            color            : $base-color;
    //            background-color : $color_moss_green_approx;
    //        }
    //        &:focus {
    //            color            : $base-color;
    //            background-color : $color_moss_green_approx;
    //        }
    //        &.active {
    //            @extend %extend_13;
    //            &:hover {
    //                @extend %extend_13;
    //            }
    //            &:focus {
    //                @extend %extend_13;
    //            }
    //        }
    //    }
    //    &.list-group-item-info {
    //        color : $color_paradiso_approx;
    //        &:hover {
    //            color            : $color_paradiso_approx;
    //            background-color : $color_shadow_green_approx;
    //        }
    //        &:focus {
    //            color            : $color_paradiso_approx;
    //            background-color : $color_shadow_green_approx;
    //        }
    //        &.active {
    //            @extend %extend_14;
    //            &:hover {
    //                @extend %extend_14;
    //            }
    //            &:focus {
    //                @extend %extend_14;
    //            }
    //        }
    //    }
    //    &.list-group-item-warning {
    //        color : $color_sandy_brown_approx;
    //        &:hover {
    //            color            : $color_sandy_brown_approx;
    //            background-color : $color_sandrift_approx;
    //        }
    //        &:focus {
    //            color            : $color_sandy_brown_approx;
    //            background-color : $color_sandrift_approx;
    //        }
    //        &.active {
    //            @extend %extend_15;
    //            &:hover {
    //                @extend %extend_15;
    //            }
    //            &:focus {
    //                @extend %extend_15;
    //            }
    //        }
    //    }
    //    &.list-group-item-danger {
    //        color : $color_shilo_approx;
    //        &:hover {
    //            color            : $color_shilo_approx;
    //            background-color : $color_matrix_approx;
    //        }
    //        &:focus {
    //            color            : $color_shilo_approx;
    //            background-color : $color_matrix_approx;
    //        }
    //        &.active {
    //            @extend %extend_16;
    //            &:hover {
    //                @extend %extend_16;
    //            }
    //            &:focus {
    //                @extend %extend_16;
    //            }
    //        }
    //    }
    //    &.text-primary:hover {
    //        color : $color_green_pea_approx;
    //    }
    //    &.text-success:hover {
    //        color : $color_green_pea_approx;
    //    }
    //    &.text-info:hover {
    //        color : $color_eden_approx !important;
    //    }
    //    &.text-warning:hover {
    //        color : $color_warning;
    //    }
    //    &.text-danger:hover {
    //        color : $color_new_york_pink_approx;
    //    }
    //    &.bg-primary:hover {
    //        background-color : $color_green_pea_approx;
    //    }
    //    &.bg-success:hover {
    //        background-color : $color_granny_smith_apple_approx;
    //    }
    //    &.bg-info:hover {
    //        background-color : $color_gulf_stream_approx;
    //    }
    //    &.bg-warning:hover {
    //        background-color : $color_sandal_approx;
    //    }
    //    &.bg-danger:hover {
    //        background-color : $color_apple_blossom_approx;
    //    }
    //}
    .img-thumbnail {
        background-color : $white;
        border           : 1px solid $color_alto_approx;
    }
    .page-header {
        border-bottom : 1px solid $color_norway_approx;
    }
    abbr[data-original-title] {
        border-bottom : 1px dotted $color_gunsmoke_approx;
    }
    blockquote {
        border-left : 5px solid $color_norway_approx;
        footer {
            color : $color_gunsmoke_approx;
        }
        small {
            color : $color_gunsmoke_approx;
        }
        .small {
            color : $color_gunsmoke_approx;
        }
        &.pull-right {
            border-right : 5px solid $color_norway_approx;
        }
    }
    .blockquote-reverse {
        border-right : 5px solid $color_norway_approx;
    }
    code {
        color            : $color_maroon_flush_approx;
        background-color : $color_fantasy_approx;
    }
    kbd {
        color            : $white;
        background-color : $color_mine_shaft_approx;
        box-shadow       : inset 0 -1px 0 $black_25;
    }
    pre {
        color            : $color_gravel_approx;
        background-color : $color_wild_sand_approx;
        border           : 1px solid $color_celeste_approx;
    }
    legend {
        color         : $color_gravel_approx;
        border-bottom : 1px solid $mercury;
    }
    output {
        color : $color_storm_dust_approx;
    }
    .input-group-addon {
        color            : white;
        background-color : $base-color;
    }
    .nav {
        .nav-divider {
            background-color : $mercury;
        }
        > li {
            > a {
                &:hover {
                    text-decoration : underline;
                }
                &:focus {
                    text-decoration : underline;
                }
            }
            &.disabled > a {
                color : $color_gunsmoke_approx;
                &:hover {
                    color : $color_gunsmoke_approx;
                }
                &:focus {
                    color : $color_gunsmoke_approx;
                }
            }
        }
        .open > a {
            //background-color: $color_norway_approx;
            color            : $white;
            background-color : $color_parsley_approx;
            border-bottom    : 1px solid $white;
            &:hover {
                //background-color: $color_norway_approx;
                color            : $white;
                background-color : $color_parsley_approx;
            }
            &:focus {
                //background-color: $color_norway_approx;
                color            : $white;
                background-color : $color_parsley_approx;
            }
        }
    }
    .nav-tabs {
        border-bottom : 1px solid $color_alto_approx;
        > li {
            a {
                &:hover {
                    border : 1px solid $color_norway_approx;
                }
            }
            &.active > a {
                @extend %extend_7;
                &:hover {
                    @extend %extend_7;
                }
                &:focus {
                    @extend %extend_7;
                }
            }
        }
    }
    .label {
        color : $white;
    }
    .label[href] {
        &:hover {
            color : $white;
        }
        &:focus {
            color : $white;
        }
    }
    .label-default {
        background-color : $color_gunsmoke_approx;
    }
    .label-default[href] {
        &:hover {
            background-color : $color_dove_gray_approx;
        }
        &:focus {
            background-color : $color_dove_gray_approx;
        }
    }
    .label-primary {
        background-color : $base-color;
    }
    .label-primary[href] {
        &:hover {
            background-color : $color_green_pea_approx;
        }
        &:focus {
            background-color : $color_green_pea_approx;
        }
    }
    .label-success {
        background-color : $base-color;
    }
    .label-success[href] {
        &:hover {
            background-color : $color_green_pea_approx;
        }
        &:focus {
            background-color : $color_green_pea_approx;
        }
    }
    .label-info {
        background-color : $color_paradiso_approx;
    }
    .label-info[href] {
        &:hover {
            background-color : $color_eden_approx;
        }
        &:focus {
            background-color : $color_eden_approx;
        }
    }
    .label-warning {
        background-color : $color_warning;
        color            : white;
    }
    .label-warning[href] {
        &:hover {
            background-color : $color_walnut_approx;
        }
        &:focus {
            background-color : $color_walnut_approx;
        }
    }
    .label-danger {
        background-color : $color_stiletto_approx;
    }
    .label-danger[href] {
        &:hover {
            background-color : $color_metallic_copper_approx;
        }
        &:focus {
            background-color : $color_metallic_copper_approx;
        }
    }
    .badge {
        color            : $white;
        background-color : $color_gunsmoke_approx;
    }
    .jumbotron {
        background-color : $color_norway_approx;
        background-color : transparent;
        text-align       : center;
        &.message-box {
            background-color : transparent;
        }
    }
    .thumbnail {
        background-color : $white;
        border           : 1px solid $color_alto_approx;
        .caption {
            color : $color_gravel_approx;
        }
    }

    .card {
        background-color : $white;
        box-shadow       : 0 1px 1px $black_5;
        > .card-body + {
            .table {
                border-top : 1px solid $color_alto_approx;
            }
            .table-responsive {
                border-top : 1px solid $color_alto_approx;
            }
        }
    }
    .card-footer {
        background-color : $color_wild_sand_approx;
        border-top       : 1px solid $color_alto_approx;
    }
    .card-group {
        .card-header + .panel-collapse .card-body {
            border-top : 1px solid $color_alto_approx;
        }
        .card-footer + .panel-collapse .card-body {
            border-bottom : 1px solid $color_alto_approx;
        }
    }
    .card-default {
        border : 1px solid $color_alto_approx;
        > {
            .card-header {
                color            : $color_gravel_approx;
                background-color : $color_wild_sand_approx;
                border           : 1px solid $color_alto_approx;
                + .panel-collapse .card-body {
                    border-top-color : $color_alto_approx;
                }
            }
            .card-footer + .panel-collapse .card-body {
                border-bottom-color : $color_alto_approx;
            }
        }
    }
    .card-primary {
        border : 1px solid $base-color;
        > {
            .card-header {
                color            : $white;
                background-color : $base-color;
                border           : 1px solid $base-color;
                + .panel-collapse .card-body {
                    border-top-color : $base-color;
                }
            }
            .card-footer + .panel-collapse .card-body {
                border-bottom-color : $base-color;
            }
        }
    }
    .card-success {
        border : 1px solid $color_moss_green_approx;
        > {
            .card-header {
                color            : $base-color;
                background-color : $color_sea_mist_approx;
                border           : 1px solid $color_moss_green_approx;
                + .panel-collapse .card-body {
                    border-top-color : $color_moss_green_approx;
                }
            }
            .card-footer + .panel-collapse .card-body {
                border-bottom-color : $color_moss_green_approx;
            }
        }
    }
    .card-info {
        border : 1px solid $color_shadow_green_approx;
        > {
            .card-header {
                color            : $color_paradiso_approx;
                background-color : $color_opal_approx;
                border           : 1px solid $color_shadow_green_approx;
                + .panel-collapse .card-body {
                    border-top-color : $color_shadow_green_approx;
                }
            }
            .card-footer + .panel-collapse .card-body {
                border-bottom-color : $color_shadow_green_approx;
            }
        }
    }
    .card-warning {
        border : 1px solid $color_brandy_rose_approx;
        > {
            .card-header {
                color            : $color_sandy_brown_approx;
                background-color : $color_quicksand_approx;
                border           : 1px solid $color_brandy_rose_approx;
                + .panel-collapse .card-body {
                    border-top-color : $color_brandy_rose_approx;
                }
            }
            .card-footer + .panel-collapse .card-body {
                border-bottom-color : $color_brandy_rose_approx;
            }
        }
    }
    .card-danger {
        border : 1px solid $color_cadillac_approx;
        > {
            .card-header {
                color            : $color_shilo_approx;
                background-color : $color_contessa_approx;
                border           : 1px solid $color_cadillac_approx;
                + .panel-collapse .card-body {
                    border-top-color : $color_cadillac_approx;
                }
            }
            .card-footer + .panel-collapse .card-body {
                border-bottom-color : $color_cadillac_approx;
            }
        }
    }
    .well {
        background-color : $color_wild_sand_approx;
        border           : 1px solid $color_mercury_approx;
        box-shadow       : inset 0 1px 1px $black_5;
        blockquote {
            border : 1px solid $color_alto_approx;
            border : 1px solid $black_15;
        }
    }
    .close {
        text-shadow : 0 1px 0 $white;
    }
    .tooltip-inner {
        color            : $white;
        background-color : $black;
    }
    .tooltip {
        &.top .tooltip-arrow {
            border-top-color : $black;
        }
        &.top-left .tooltip-arrow {
            border-top-color : $black;
        }
        &.top-right .tooltip-arrow {
            border-top-color : $black;
        }
        &.right .tooltip-arrow {
            border-right-color : $black;
        }
        &.left .tooltip-arrow {
            border-left-color : $black;
        }
        &.bottom .tooltip-arrow {
            border-bottom-color : $black;
        }
        &.bottom-left .tooltip-arrow {
            border-bottom-color : $black;
        }
        &.bottom-right .tooltip-arrow {
            border-bottom-color : $black;
        }
    }
    .popover {
        background-color : $white;
        border           : 1px solid $color_celeste_approx;
        border           : 1px solid $black_20;
        box-shadow       : 0 5px 10px $black_20;
        &.top > .arrow {
            border-top-color : $color_mountain_mist_approx;
            border-top-color : $black_25;
            &:after {
                border-top-color : $white;
            }
        }
        &.right > .arrow {
            border-right-color : $color_mountain_mist_approx;
            border-right-color : $black_25;
            &:after {
                border-right-color : $white;
            }
        }
        &.bottom > .arrow {
            border-bottom-color : $color_mountain_mist_approx;
            border-bottom-color : $black_25;
            &:after {
                border-bottom-color : $white;
            }
        }
        &.left > .arrow {
            border-left-color : $color_mountain_mist_approx;
            border-left-color : $black_25;
            &:after {
                border-left-color : $white;
            }
        }
    }
    .popover-title {
        background-color : $color_norway_approx;
        border-bottom    : 1px solid $color_envy_approx;
    }
    .carousel-control {
        color       : $white;
        text-shadow : 0 1px 2px $black_60;
        &:hover {
            @extend %extend_17;
        }
        &:focus {
            @extend %extend_17;
        }
    }
    .carousel-indicators {
        li {
            border           : 1px solid $white;
            background-color : $black \9
        ;
            background-color : rgba(0, 0, 0, 0);
        }
        .active {
            background-color : $white;
        }
    }
    .carousel-caption {
        color       : $white;
        text-shadow : 0 1px 2px $black_60;
    }
    .side-body {
        h3 {
            @extend %extend_19;
        }
    }
    .full-page-wrapper {
    }
    #welcome-jumbotron {
        background-color : transparent;
    }
    .surveymanagerbar {
        background-color : $color_parsley_approx;
        color            : $white;
    }
    .surveybar {
        border-bottom    : 1px solid $color_buccaneer_approx;
        box-shadow       : 0 3px 3px $color_buccaneer_10_approx;
        background-color : $white;
    }
    .pagetitle {
        @extend %extend_19;
    }
    .mega-dropdown-menu {
        .dropdown-header {
            color : $color_parsley_approx;
        }
        > li {
            > ul {
                > li {
                    > a {
                        color : $color_log_cabin_approx;
                    }
                }
            }
        }
    }
    .footer {
        background-color : $white;
        border-top       : solid 1px $color_alto_approx;
    }
    .alert-security-update {
        background-color : $white;
        border           : 1px solid $color_rose_bud_cherry_approx;
        color            : $color_rose_bud_cherry_approx;
    }
    .box {
        box-shadow : 0 2px 5px 0 $black_16, 0 2px 10px 0 $black_12;
    }
    #info-header {
        color : $color_parsley_approx;
    }
    #info-footer {
        color : $color_parsley_approx;
    }
    .box-icon {
        span {
            color : $white;
        }
    }
    .cke_toolgroup {
        border     : 1px solid $color_alto_approx;
        box-shadow : 0 1px 0 $white_50, 0 0 2px $white_15 inset,
        0 1px 0 $white_15 inset;
        background : $color_mercury_approx;
    }
    .message-box {
        border : 1px solid $color_de_york_approx;
        color  : $color_heavy_metal_approx;
    }
    .message-box-error {
        border : 1px solid $color_stiletto_approx;
    }
    .message-box-warning {
        border : 1px solid $color_warning;
    }
    .welcome {
        .card {
            box-shadow : 0 2px 5px 0 $black_16, 0 2px 10px 0 $black_12;
        }
    }
    .login-title {
        border-bottom : solid 1px $color_alto_approx;
    }
    .login-submit {
        border-top : solid 1px $color_alto_approx;
    }
    #gs_completed {
        color            : $color_storm_dust_approx;
        background-color : $white;
        border           : 1px solid $color_celeste_approx;
        box-shadow       : inset 0 1px 1px $black_75;
    }
    .h6 .small {
        color : $color_gunsmoke_approx;
    }
    .table-striped > tbody > tr:nth-child(odd) > td {
        background-color : $color_alabaster_approx;
    }
    .table-striped > tbody > tr:nth-child(odd) > th {
        background-color : $color_alabaster_approx;
    }
    .open .dropdown-toggle {
        &.btn-outline-secondary {
            @extend %extend_1;
        }
        &.btn-primary {
            @extend %extend_2;
        }
        &.btn-success {
            @extend %extend_3;
        }
        &.btn-info {
            @extend %extend_4;
        }
        &.btn-warning {
            @extend %extend_5;
        }
        &.btn-danger {
            @extend %extend_6;
        }
    }
    .btn-group.open .dropdown-toggle {
        box-shadow : inset 0 3px 5px $black_125;
    }
    .nav-pills > {
        li.active > a:focus {
            color            : $white;
            background-color : $base-color;
        }
        .active > a > .badge {
            color            : $base-color;
            background-color : $white;
        }
    }
    .nav-tabs-justified > .active > a {
        border : 1px solid $color_alto_approx;
        &:hover {
            border : 1px solid $color_alto_approx;
        }
        &:focus {
            border : 1px solid $color_alto_approx;
        }
    }
    pagination > li > a {
        @extend %extend_8;
    }
    .list-surveys h3 {
        @extend %extend_19;
    }
    .dropdown-item > a:hover {
        background-color : $color_parsley_approx;
        color            : $white;
    }
    table.cke_editor {
        box-shadow : 1px 1px 2px $black_16;
    }
    .hoverAction tbody tr:hover {
        color            : $white;
        background-color : $color_laurel_approx;
    }
    .hoverAction table thead tr:hover {
        color            : $color_gravel_approx;
        background-color : transparent;
    }
    div.card.disabled {
        opacity : 0.5;
        * {
            opacity : 0.5;
        }
    }
    .ui-widget-content .ui-state-default {
        background-image : none;
        background-color : transparent;
        background-image : none;
        background-color : transparent;
    }
    .ui-widget-header .ui-state-default {
        background-image : none;
        background-color : transparent;
        background-image : none;
        background-color : transparent;
    }
    .toWhite a:hover {
        color            : $white;
        background-color : $color_de_york_approx;
    }
    %extend_6 {
        color            : $white;
        background-color : $color_red_robin_approx;
        border           : 1px solid $color_espresso_approx;
    }
    .container-fluid
    .bootstrap-switch
    .bootstrap-switch-handle-on.bootstrap-switch-primary,
    .container-fluid
    .bootstrap-switch
    .bootstrap-switch-handle-off.bootstrap-switch-primary {
        color      : #fff;
        background : $base-color;
    }
    .container-fluid
    .bootstrap-switch
    .bootstrap-switch-handle-on.bootstrap-switch-warning,
    .container-fluid
    .bootstrap-switch
    .bootstrap-switch-handle-off.bootstrap-switch-warning {
        background : $color_stiletto_approx;
        color      : #fff;
    }
    /* jqGrid */
    .ui-dialog,
    .ui-jqdialog,
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
        background-color : $white;
        border           : 1px solid $color_celeste_approx;
    }
    .ui-jqdialog-titlebar {
        border-bottom : 2px solid $color_celeste_approx;
    }
    .navtable {
        border : 1px solid $color_celeste_approx;
    }
    // Expression Manager
    .em-function {
        color : $base-color;
    }
    .em-var-string {
        color : $color_gravel_approx;
    }
    .data-entry-explanation + tr {
        background-color : $mercury;
    }
    .data-entry-tbl tr.odd,
    .data-entry-tbl tr.even {
        border-bottom : 1px solid $color_cararra_approx;
    }
    /**
   * Template selector
   */
    #carousel-example-generic .carousel-control {
        color : $base-color;
    }
    #carousel-example-generic .card-title {
        color : $base-color;
    }
    #carousel-example-generic .carousel-indicators .active {
        background-color : $base-color;
    }
    #carousel-example-generic .carousel-indicators li {
        border : 1px solid $base-color;
    }
    /**
   * Ajax loader
   * from : http://codepen.io/weaintplastic/pen/qEMZbx
   */
    @for $i from 1 through 6 {
        @keyframes preload-show-#{$i} {
            from {
                transform         : rotateZ(60* $i + deg) rotateY(-90deg) rotateX(0deg);
                border-left-color : $color_deep_fir_approx;
            }
        }
        @keyframes preload-hide-#{$i} {
            to {
                transform         : rotateZ(60* $i + deg) rotateY(-90deg) rotateX(0deg);
                border-left-color : $color_deep_fir_approx;
            }
        }
        @keyframes preload-cycle-#{$i} {
            $startIndex   : $i*5;
            $reverseIndex : (80 - $i*5);
            #{$startIndex * 1%} {
                transform         : rotateZ(60* $i + deg) rotateY(90deg) rotateX(0deg);
                border-left-color : $color_deep_fir_approx;
            }
            #{$startIndex + 5%},
            #{$reverseIndex * 1%} {
                transform         : rotateZ(60* $i + deg) rotateY(0) rotateX(0deg);
                border-left-color : $color_paradiso_approx;
            }
            #{$reverseIndex + 5%},
            100% {
                transform         : rotateZ(60* $i + deg) rotateY(90deg) rotateX(0deg);
                border-left-color : $base-color;
            }
        }
    }
    @keyframes preload-flip {
        0% {
            transform : rotateY(0deg) rotateZ(-60deg);
        }
        100% {
            transform : rotateY(360deg) rotateZ(-60deg);
        }
    }
    @keyframes animate-gradient {
        0% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 1px,
                    $white 2px,
                    $white 100%
            );
        }
        10% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 2px,
                    $white 3px,
                    $white 100%
            );
        }
        20% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 3px,
                    $white 4px,
                    $white 100%
            );
        }
        30% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 4px,
                    $white 5px,
                    $white 100%
            );
        }
        40% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 5px,
                    $white 6px,
                    $white 100%
            );
        }
        50% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 6px,
                    $white 7px,
                    $white 100%
            );
        }
        60% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 7px,
                    $white 8px,
                    $white 100%
            );
        }
        70% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 8px,
                    $white 9px,
                    $white 100%
            );
        }
        80% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 9px,
                    $white 10px,
                    $white 100%
            );
        }
        90% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 10px,
                    $white 10px,
                    $white 100%
            );
        }
        100% {
            background : radial-gradient(
                    circle at center,
                    adjust-color($base-color, $alpha : 0.5) 0px,
                    adjust-color($base-color, $alpha : 0.5) 8px,
                    $white 9px,
                    $white 100%
            );
        }
    }
    .ls-ba {
        .list-group {
            > .list-group-item {
                .list-group {
                    .list-group-item {
                        &:last-of-type {
                            border-bottom : 1px solid $color_gravel_approx;
                        }
                    }
                }
            }
        }
        .breadcrumb > li + li:before {
            color : $white;
        }
    }
    ol.breadcrumb.title-bar-breadcrumb {
        background : transparent;
        color      : $white;
        a {
            color : $white;
            &.animate::after {
                background : $white;
                transition : width 0.3s;
            }
        }
        li {
            background : transparent;
            color      : $white;
            &.active {
                color : $color_gravel_approx;
            }
        }
    }
    #pjax-content {
        .surveybar {
            box-shadow : 3px 3px 3px adjust-color($color_gravel_approx, $alpha : 0.1);
        }
    }
    #pjax-file-load-container {
        > div {
            background                         : darken($base-color, 40%);
            background                         : linear-gradient(
                    to right,
                    darken($base-color, 40%) 0%,
                    darken($base-color, 30%) 50%,
                    darken($base-color, 20%) 100%
            );
            -webkit-transition-timing-function : ease-in-out;
            transition-timing-function         : ease-in-out;
            -webkit-transition                 : width 1.6s;
            /* Safari */
            transition                         : width 1.6s;
        }
    }
    /**
   * comfortUpdate
   */
    #comfortUpdateGeneralWrap h3.maintitle {
        background-color : transparent;
        color            : $base-color;
        border-bottom    : 1px solid $base-color;
    }
    #comfortUpdateGeneralWrap .on span {
        display          : block;
        background-color : $base-color;
        color            : #fff;
    }
    #sideMenu #dropdown #explorer li#questionexplorer-group-container:hover,
    #sideMenu #dropdown li#questionexplorer-group-container:hover > a {
        background-color : #fafafa;
        color            : $color_deep_fir_approx;
    }
    .explorer-group-title a.explorer-group,
    .question-collapse-title {
        color : #163c19;
    }
    #survey_title a {
        color : $white;
    }
    .placeholder {
        background-color : $color_acapulco_approx;
    }
}

/* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
body .answer-item label::after {
    background-color : $base-color;
}


